<template>
    <AppPage show-footer>
      <div class="flex">
        <UserCard />
        <WelcomeCard />
      </div>
  
      <div class="flex mt-16 gap-4">
        <SongSelection />
        <Storyboard />
      </div>
  
      <n-alert v-if="errorMessage" type="error" class="mt-12" show-icon>
        {{ errorMessage }}
      </n-alert>
    </AppPage>
  </template>
  
  <script setup>
  import UserCard from 'src/views/home1/components/UserCard.vue'
  import WelcomeCard from 'src/views/home1/components/WelcomeCard.vue'
  import SongSelection from 'src/views/home1/components/SongSelection.vue'
  import Storyboard from 'src/views/home1/components/Storyboard.vue'
  
  const errorMessage = ref('')
  </script>
  